﻿<%@ Page Title="" Language="C#" MasterPageFile="~/TemplatePage.Master" AutoEventWireup="true"
    CodeBehind="tra-cuu-ho-so-benh-nhan.aspx.cs" Inherits="nhakhoachauau.WebForm4" %>

<%@ Register Src="~/UC/Menu.ascx" TagName="UCMenu" TagPrefix="UCMENU" %>
<%@ Register Src="~/UC/Title.ascx" TagName="UCTitle" TagPrefix="UCTITLE" %>
<%@ Register Src="~/UC/MenuChucNang.ascx" TagName="UCMenuChucNang" TagPrefix="UCMENUCHUCNANG" %>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder3" runat="server">
    <title>LẬP PHIẾU TÍNH TIỀN</title>
    <link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="assets/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" />
    <link href="assets/bootstrap/css/bootstrap-fileupload.css" rel="stylesheet" />
    <link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link href="css/style.css" rel="stylesheet" />
    <link href="css/style-responsive.css" rel="stylesheet" />
    <link href="css/style-default.css" rel="stylesheet" id="style_color" />
    <link rel="stylesheet" type="text/css" href="assets/uniform/css/uniform.default.css" />
    <link rel="stylesheet" href="assets/data-tables/DT_bootstrap.css" />
    <link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="assets/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" />
    <link href="assets/bootstrap/css/bootstrap-fileupload.css" rel="stylesheet" />
    <link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link href="css/style.css" rel="stylesheet" />
    <link href="css/style-responsive.css" rel="stylesheet" />
    <link href="css/style-default.css" rel="stylesheet" id="Link1" />
    <link href="assets/fancybox/source/jquery.fancybox.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="assets/uniform/css/uniform.default.css" />
    <link rel="stylesheet" type="text/css" href="assets/chosen-bootstrap/chosen/chosen.css" />
    <link rel="stylesheet" type="text/css" href="assets/jquery-tags-input/jquery.tagsinput.css" />
    <link rel="stylesheet" type="text/css" href="assets/clockface/css/clockface.css" />
    <link rel="stylesheet" type="text/css" href="assets/bootstrap-wysihtml5/bootstrap-wysihtml5.css" />
    <link rel="stylesheet" type="text/css" href="assets/bootstrap-datepicker/css/datepicker.css" />
    <link rel="stylesheet" type="text/css" href="assets/bootstrap-timepicker/compiled/timepicker.css" />
    <link rel="stylesheet" type="text/css" href="assets/bootstrap-colorpicker/css/colorpicker.css" />
    <link rel="stylesheet" href="assets/bootstrap-toggle-buttons/static/stylesheets/bootstrap-toggle-buttons.css" />
    <link rel="stylesheet" type="text/css" href="assets/bootstrap-daterangepicker/daterangepicker.css" />
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder4" runat="server">
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/jquery.nicescroll.js" type="text/javascript"></script>
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
    <script src="js/jquery.blockui.js"></script>
    <!-- ie8 fixes -->
    <!--[if lt IE 9]>
   <script src="js/excanvas.js"></script>
   <script src="js/respond.js"></script>
   <![endif]-->
    <script type="text/javascript" src="assets/uniform/jquery.uniform.min.js"></script>
    <script type="text/javascript" src="assets/data-tables/jquery.dataTables.js"></script>
    <script type="text/javascript" src="assets/data-tables/DT_bootstrap.js"></script>
    <script type="text/javascript" src="assets/bootstrap-toggle-buttons/static/js/jquery.toggle.buttons.js"></script>
    <script type="text/javascript" src="assets/chosen-bootstrap/chosen/chosen.jquery.min.js"></script>
    <script type="text/javascript" src="assets/bootstrap-wysihtml5/wysihtml5-0.3.0.js"></script>
    <script type="text/javascript" src="assets/bootstrap-wysihtml5/bootstrap-wysihtml5.js"></script>
    <script type="text/javascript" src="assets/clockface/js/clockface.js"></script>
    <script type="text/javascript" src="assets/jquery-tags-input/jquery.tagsinput.min.js"></script>
    <script type="text/javascript" src="assets/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
    <script type="text/javascript" src="assets/bootstrap-daterangepicker/date.js"></script>
    <script type="text/javascript" src="assets/bootstrap-daterangepicker/daterangepicker.js"></script>
    <script type="text/javascript" src="assets/bootstrap-colorpicker/js/bootstrap-colorpicker.js"></script>
    <script type="text/javascript" src="assets/bootstrap-timepicker/js/bootstrap-timepicker.js"></script>
    <script type="text/javascript" src="assets/bootstrap-inputmask/bootstrap-inputmask.min.js"></script>
    <script src="assets/fancybox/source/jquery.fancybox.pack.js"></script>
    <!--common script for all pages-->
    <script src="js/common-scripts.js"></script>
    <!--script for this page only-->
    <script src="js/editable-table.js"></script>
    <script src="js/form-component.js"></script>
    <!-- END JAVASCRIPTS -->
    <script>
        jQuery(document).ready(function () {
            EditableTable.init();
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
    <UCMENU:UCMenu runat="server" ID="ucmenu1" />
</asp:Content>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="row-fluid">
        <div class="span12">
            <div id="theme-change" class="hidden-phone">
                <i class="icon-cogs"></i><span class="settings"><span class="text">Theme Color:</span>
                    <span class="colors"><span class="color-default" data-style="default"></span><span
                        class="color-green" data-style="green"></span><span class="color-gray" data-style="gray">
                        </span><span class="color-purple" data-style="purple"></span><span class="color-red"
                            data-style="red"></span></span></span>
            </div>
            <h3 class="page-title">
                QUẢN LÝ HỒ SƠ BỆNH NHÂN
            </h3>
            <ul class="breadcrumb">
                <li><a href="default.aspx">TRANG CHỦ</a> <span class="divider">/</span> </li>
                <li><a href="default.aspx">QUẢN LÝ HỒ SƠ BÊNH NHÂN </a></li>
                <li class="pull-right search-wrap">
                    <form action="" class="hidden-phone">
                    <div class="input-append search-input-area">
                        <input class="" id="appendedInputButton" type="text">
                        <button class="btn" type="button">
                            <i class="icon-search"></i>
                        </button>
                    </div>
                    </form>
                </li>
            </ul>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span12">
            <div class="widget">
                <div class="widget-title">
                    <h4>
                        <i class="icon-th-large"></i>Chức năng
                    </h4>
                    <span class="tools"><a href="javascript:;" class="icon-chevron-up"></a><a href="javascript:;"
                        class="icon-remove"></a></span>
                </div>
                <div class="widget-body" style="display: none;">
                    <!--BEGIN METRO STATES-->
                    <div class="metro-nav">
                        <div class="metro-nav-block nav-block-orange">
                            <a data-original-title="" href="#"><i class="icon-user"></i>
                                <div class="info">
                                    321</div>
                                <div class="status">
                                    Thêm bênh nhân</div>
                            </a>
                        </div>
                        <div class="metro-nav-block nav-block-yellow">
                            <a data-original-title="" href="#"><i class="icon-tags"></i>
                                <div class="info">
                                    +970</div>
                                <div class="status">
                                    Xuất phiếu thu</div>
                            </a>
                        </div>
                        <div class="metro-nav-block nav-block-grey">
                            <a data-original-title="" href="#"><i class="icon-comments-alt"></i>
                                <div class="info">
                                    49</div>
                                <div class="status">
                                    Xuất phiếu chi</div>
                            </a>
                        </div>
                        <div class="metro-nav-block nav-block-blue">
                            <a data-original-title="" href="#"><i class="icon-eye-open"></i>
                                <div class="info">
                                    +897</div>
                                <div class="status">
                                    Tra cứu hồ sơ</div>
                            </a>
                        </div>
                        <div class="metro-nav-block nav-block-red">
                            <a data-original-title="" class="text-center" href="#"><i class="icon-lightbulb"></i>
                                <div class="status">
                                    Trợ giúp</div>
                            </a>
                        </div>
                    </div>
                    <div class="clearfix">
                    </div>
                    <!--END METRO STATES-->
                </div>
            </div>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span12">
            <!-- BEGIN EXAMPLE TABLE widget-->
            <div class="widget">
                <div class="widget-title">
                    <h4>
                        <i class="icon-reorder"></i>Tìm kiếm hồ sơ</h4>
                    <span class="tools"><a href="javascript:;" class="icon-chevron-down"></a><a href="javascript:;"
                        class="icon-remove"></a></span>
                </div>
                <div class="widget-body">
                    <form class="cmxform form-horizontal" id="Form1" method="get" action="#">
                    <div class="control-group">
                        <label class="control-label">
                            Tên bệnh nhân</label>
                        <div class="controls">
                            <input type="text" class="span6 " style="margin: 0 auto;" data-provide="typeahead"
                                data-items="4" data-source="[&quot;Alabama&quot;,&quot;Alaska&quot;,&quot;Arizona&quot;,&quot;Arkansas&quot;,&quot;California&quot;,&quot;Colorado&quot;,&quot;Connecticut&quot;,&quot;Delaware&quot;,&quot;Florida&quot;,&quot;Georgia&quot;,&quot;Hawaii&quot;,&quot;Idaho&quot;,&quot;Illinois&quot;,&quot;Indiana&quot;,&quot;Iowa&quot;,&quot;Kansas&quot;,&quot;Kentucky&quot;,&quot;Louisiana&quot;,&quot;Maine&quot;,&quot;Maryland&quot;,&quot;Massachusetts&quot;,&quot;Michigan&quot;,&quot;Minnesota&quot;,&quot;Mississippi&quot;,&quot;Missouri&quot;,&quot;Montana&quot;,&quot;Nebraska&quot;,&quot;Nevada&quot;,&quot;New Hampshire&quot;,&quot;New Jersey&quot;,&quot;New Mexico&quot;,&quot;New York&quot;,&quot;North Dakota&quot;,&quot;North Carolina&quot;,&quot;Ohio&quot;,&quot;Oklahoma&quot;,&quot;Oregon&quot;,&quot;Pennsylvania&quot;,&quot;Rhode Island&quot;,&quot;South Carolina&quot;,&quot;South Dakota&quot;,&quot;Tennessee&quot;,&quot;Texas&quot;,&quot;Utah&quot;,&quot;Vermont&quot;,&quot;Virginia&quot;,&quot;Washington&quot;,&quot;West Virginia&quot;,&quot;Wisconsin&quot;,&quot;Wyoming&quot;]" />
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">
                            Địa chỉ</label>
                        <div class="controls">
                            <input type="text" class="span6 " style="margin: 0 auto;" data-provide="typeahead"
                                data-items="4" data-source="[&quot;Alabama&quot;,&quot;Alaska&quot;,&quot;Arizona&quot;,&quot;Arkansas&quot;,&quot;California&quot;,&quot;Colorado&quot;,&quot;Connecticut&quot;,&quot;Delaware&quot;,&quot;Florida&quot;,&quot;Georgia&quot;,&quot;Hawaii&quot;,&quot;Idaho&quot;,&quot;Illinois&quot;,&quot;Indiana&quot;,&quot;Iowa&quot;,&quot;Kansas&quot;,&quot;Kentucky&quot;,&quot;Louisiana&quot;,&quot;Maine&quot;,&quot;Maryland&quot;,&quot;Massachusetts&quot;,&quot;Michigan&quot;,&quot;Minnesota&quot;,&quot;Mississippi&quot;,&quot;Missouri&quot;,&quot;Montana&quot;,&quot;Nebraska&quot;,&quot;Nevada&quot;,&quot;New Hampshire&quot;,&quot;New Jersey&quot;,&quot;New Mexico&quot;,&quot;New York&quot;,&quot;North Dakota&quot;,&quot;North Carolina&quot;,&quot;Ohio&quot;,&quot;Oklahoma&quot;,&quot;Oregon&quot;,&quot;Pennsylvania&quot;,&quot;Rhode Island&quot;,&quot;South Carolina&quot;,&quot;South Dakota&quot;,&quot;Tennessee&quot;,&quot;Texas&quot;,&quot;Utah&quot;,&quot;Vermont&quot;,&quot;Virginia&quot;,&quot;Washington&quot;,&quot;West Virginia&quot;,&quot;Wisconsin&quot;,&quot;Wyoming&quot;]" />
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">
                            Điện thoại</label>
                        <div class="controls">
                            <input type="text" placeholder="" data-mask="0-999-999-9999" class="span5" value="0-093-320-8496" />
                        </div>
                    </div>
                    <div class="form-actions" style="margin: 0px auto;">
                        <button class="btn btn-success" type="submit" style="width: 100px; height: 30px">
                            <i class="icon-search"></i>Tìm</button>
                    </div>
                    </form>
                </div>
            </div>
            <!-- END EXAMPLE TABLE widget-->
        </div>
    </div>
    <div class="row-fluid">
        <div class="span12">
            <!-- BEGIN EXAMPLE TABLE widget-->
            <div class="widget purple">
                <div class="widget-title">
                    <h4>
                        <i class="icon-reorder"></i>Kết quả tìm kiếm - 10 hồ sơ</h4>
                    <span class="tools"><a href="javascript:;" class="icon-chevron-down"></a><a href="javascript:;"
                        class="icon-remove"></a></span>
                </div>
                <div class="widget-body">
                    <div>
                        <div class="clearfix">
                            <div class="btn-group">
                                <button id="editable-sample_new" class="btn green">
                                    Thêm hồ sơ mới <i class="icon-plus"></i>
                                </button>
                            </div>
                            <div class="btn-group pull-right">
                                <button class="btn dropdown-toggle" data-toggle="dropdown">
                                    Tools <i class="icon-angle-down"></i>
                                </button>
                                <ul class="dropdown-menu pull-right">
                                    <li><a href="#">Print</a></li>
                                    <li><a href="#">Save as PDF</a></li>
                                    <li><a href="#">Export to Excel</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="space15">
                        </div>
                        <table class="table table-striped table-hover table-bordered" id="editable-sample">
                            <thead>
                                <tr>
                                    <th style="width: 60px">
                                        Số hồ sơ
                                    </th>
                                    <th style="width: 150px">
                                        Họ tên
                                    </th>
                                    <th style="width: 90px">
                                        Điện thoại
                                    </th>
                                    <th>
                                        Địa chỉ
                                    </th>
                                    <th style="width: 120px">
                                        Thời gian điều trị gần nhất
                                    </th>
                                    <th style="width: 120px">
                                        Tình trạng
                                    </th>
                                    <th style="width: 110px">
                                        Chi tiết điều trị
                                    </th>
                                    <th style="width: 130px">
                                        Điều trị mới
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="">
                                    <td>
                                        7000
                                    </td>
                                    <td>
                                        Nguyễn văn B
                                    </td>
                                    <td>
                                        0933208496
                                    </td>
                                    <td class="center">
                                        45 Lý Thái Tổ
                                    </td>
                                    <td>
                                        <span style="color: Red">30/9/2013</span>
                                    </td>
                                    <td>
                                        <span style="color: Red; font-weight: 900">đang điều trị</span>
                                    </td>
                                    <td>
                                        <button class="btn btn-small btn-success">
                                            <i class="icon-ok icon-white"></i>Chi tiết</button>
                                    </td>
                                    <td>
                                        <button class="btn btn-small btn-warning">
                                            <i class="icon-plus icon-white"></i>Thêm điều trị</button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <!-- END EXAMPLE TABLE widget-->
        </div>
    </div>
    </div>
</asp:Content>
